﻿<link rel="stylesheet" href="../../css/main.css" type="text/css" />
 <script type="text/javascript">
      $(document).ready(function () {
         page("<%=divSoli.ClientID%>");
      });
      function page(objTab) {
          var cant = $('#' + objTab + ' tr').size();
         // alert(cant);
          var paginado = [];
          var pagDiv = 1;
          var z = 1;
          pag = Math.ceil((cant - 1) / 8);
          //alert(pag);
          var paginador = "<tr align='center'><td><table border='0'><tr><td style='font-weight:bold'></td><td><a href='javascript:;' id='menos' class='pagi1' onclick='paginationBar(this)' style='font-weight:bold'>< ...Previas</a></td>";
          for (var p = 1; p <= pag; p++) {
              paginador += '<td class="gpagi pagi' + z + '"><a href="javaScript:;" onclick="pagination($(this).text())" class="page index' + p + '" style="font-weight:bold" >' + p + '</a></td>';
              if (pagDiv == 7) {
                  pagDiv = 0
                  z++
              }
              pagDiv++
          }
          paginador += "</td><td><a href='javascript:;' id='mas' class='pagi2' onclick='paginationBar(this)' style='font-weight:bold'>M&aacute;s... ></a></td></tr></table></tr>";
          paginado.push(paginador);
          //alert(paginador);
          $("#route").empty().html(paginado);
          if (pag > 1) {
              $("#pager").empty().html(paginado.join(''));
          } else {
              $("#pager").empty().html();
          }
          $(".gpag").hide();
          $(".pag1").show();
          $(".gpagi").hide();
          $(".pagi1").show();
          $(".index1").css('font-weight', 'normal');
          //total(1);
          if (pag <= 7) {
              $('#menos').hide();
              $('#mas').hide();
          }
          else {
              $('#menos').hide();
              $('#mas').show();
          }
      }
      function pagination(p) {
          $('.gpag').hide();
          $('.pag' + p).fadeIn();
          $('.page').css('font-weight', 'bold');
          $('.index' + p).css('font-weight', 'normal');
          //total(p);
      }

      function paginationBar(p) {
          var cant = $('#pager td').size();
          block = Math.ceil((cant - 3) / 7);
          //    **************** para que funcione al darle click en MORE *******************
          if ($(p).attr('id') == 'mas') {
              clase = $(p).attr('class');
              $('.gpagi').hide();
              $('.' + clase).fadeIn();
              var cat = clase.substr(4);
              if (cat <= block) {
                  cat++;
                  $(p).attr('class', 'pagi' + cat);
                  cat -= 2;
                  $('#menos').attr('class', 'pagi' + cat);
                  cat += 2
                  if (cat > block) {
                      $(p).hide();
                  }
              }
              else {
                  $(p).hide();
              }
              $('#menos').show();
          }

          // **************** para que funcione al darle click en PREVIOUS *******************
          if ($(p).attr('id') == 'menos') {
              clase = $(p).attr('class');
              $('.gpagi').hide();
              $('.' + clase).fadeIn();
              var cat = clase.substr(4);
              if (cat >= 1) {
                  cat--;
                  $(p).attr('class', 'pagi' + cat);
                  cat += 2;
                  $('#mas').attr('class', 'pagi' + cat);
                  cat -= 2;
                  if (cat < 1) {
                      $(p).hide();
                  }
              }
              else {
                  $(p).hide();
              }
              $('#mas').show();
          }
      }
      //    ************************** Aqui termina paginado ***************************
     
    </script>
<style>
 #message-board{width:610px; padding:20px 50px 50px 20px;}
.msboadr-title{background:#F0F0F0; color:#666; font-size:16px;}
.msboadr-desc{background:#fff; color:#666; font-size:12px;}
td{padding:5px; border-bottom:1px solid #ccc; border-right:1px dashed #CCCCCC;} 
.msboadr-desc:hover{background:#F5F5F5;} 
 </style>
</head>
<form id="form1"  class="mainForm">
<div class="detail-left">
<div class="infobox-title">Solicitudes Asignadas a :<label id="txtNombreEmpleado"></label> </div>
 <div id="message-board">
 <div id="divSoli" ></div><div class="table-pagination"><table id="pager" width="100%"></table></div>
 <label id="lbError"></label>
 <br />


</div>
</div>
			<input type="hidden" id="HidComplete" name="HidComplete"     value="" />	
	</form>



